﻿ @{ 
     Layout = null;

 }
 <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>AHoo新闻管理</title>

    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    
    <style>
        html,
        body {
            height: 100%;
            margin: 0px;
            padding: 0px;
            background-color: rgb(51,51,51);
        }

        .main {



            position: relative;
            height: 100%;
            width: 100%;
        /*    background-color: white;*/

        }

        .leftNav {
            text-align:center;
            width: 16%;
            height: 100%;
            left: 0px;
            top: 4%;
            position:fixed;
          color: aliceblue;
            background-color: rgb(51,51,51);
        }
        .leftNav p{

          margin: 0 auto;
            width: 100px;
        height: 30px;
        }

        header {
            position: fixed;
            top: 1px;
            width: 100%;
            height: 6%;
            background-color: rgb(14, 13, 13);
        }

        .content {
            position: fixed;
            right: 0;
            top: 4%;
            background-color: #ffffff;
            width: 84%;
            height: 100%;
            overflow-y: scroll;overflow-x: scroll;
            background:url("../adminimage/1.jpg") no-repeat 0px 0px;
                background-size: cover;
                background-attachment: fixed;
                background-position: center;
        }
    
            ul {
                text-align: center;
                width: 160px;
                height: 100%;
                display: none;
            }
        ul li {
            width: 100%;
            height: 30px;
            margin-left: 0px;
            margin-top: 30px;
    
            list-style: none;
        }

        li:hover {
            background-color: #909399;
        }
        .img-1 {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -405px;
            margin-top: -10px;
        }
        .img-2 {
            position: absolute;
            left: 23%;
        }
        .p-2 {

           position:fixed;
           right:20px;
           top:-16px;
            color: #ffff;
            cursor:pointer;
        }
   .p-2:hover{
       background:#333369;
   }
        #p-3:hover {
            /* border:1px solid chartreuse ; */
            box-shadow: 0px 0px 10px 1px rgb(6, 168, 227);
            width:100%;
            transition: all 0.7s

        }
    </style>
</head>

<body>
 
    <div class="main">
        <header>
         <h4 style="color:#ffff; margin-left:5%;text-align:center;margin:7px;">超级管理员 </h4>
            <h5 class="p-2">退出登录</h5>
        </header>
        <div class="leftNav">
            <!-- Single button -->

            <p style="cursor:pointer;" id="p-3">AHooManage  </p>
<ul>
    <li id="NewManage" style="cursor:pointer;">博客管理</li>
                <li id="NewTypepage" style="cursor:pointer;">博客类别</li>
                <li id="comment" style="cursor:pointer;">博客评论</li>
                <li id="bannerManage" style="cursor:pointer;">博客banner管理</li>
</ul>

        </div>
        <div class="content">
            <img src="~/images/logo2.png" class="img-2">
            <img src="~/images/logo1.png" class="img-1">
        </div>
    </div>
</body>

</html>
<script>




    $(function(){
//         $("li").hover(function(){
//     $("li").css("background-color","yellow");
//     },function(){
//     $("li").css("background-color","pink");
//   });
$('.leftNav p').click(function(){

    $('.leftNav ul').slideToggle("slow")
});

$('#NewManage').click(function(){
    // $("#div").load('#要加载的页面');
$(".content").load('/admin/News');
});

$('#NewTypepage').click(function(){
    // $("#div").load('#要加载的页面');
$(".content").load('/admin/newsclassify');
});
$('#bannerManage').click(function(){
    // $("#div").load('#要加载的页面');
$(".content").load('/admin/Banner');
});
$('#comment').click(function(){
    // $("#div").load('#要加载的页面');
$(".content").load('/admin/comment');
});


        $(".p-2").click(function () {
            $.ajax({
                url: "/admin/LoginOut",
                type: "Get",
                success: function (result) {

                    alert("正在退出中.......");
                    console.log(result);
                    location.href="/admin/NewsLogin"

                }
            });
        });
    
    });
</script>